.app-wrapper {
    /*相对定位*/
    position: relative;

    /*高度*/
    height: 100%;

    /*宽度*/
    width: 100%;

    /*表示没有垂直滚动条*/
    overflow-y: hidden;

    /*最小宽度*/
    min-width: 1366px;

    /*表示自动出现水平滚动条*/
    overflow-x: auto;

    /*弹性布局*/
    display: flex;
}

.main-container {
    /*高度*/
    height: 100%;

    /*背景色*/
    background: #f3f4f7;

    /*相对定位*/
    position: relative;

    /*宽度*/
    width: calc(100% - 190px);
}

.sidebar-container {
    /*宽度*/
    width: 190px !important;

    /*高度*/
    height: 100%;

    /*设置元素的堆叠顺序,值越大越靠上*/
    z-index: 1001;

    /*当元素内的内容溢出的时候隐藏溢出的部分*/
    overflow: hidden;
}

.sidebar-container .scrollbar-wrapper {
    /*当元素内的内容溢出的时候隐藏溢出的部分*/
    overflow-x: hidden !important;
}

.sidebar-container .el-scrollbar__view {
    /*高度*/
    height: 100%;
}

.navbar {
    /*高度*/
    height: 64px;

    /*当元素内的内容溢出的时候隐藏溢出的部分*/
    overflow: hidden;

    /*相对定位*/
    position: relative;

    /*背景色*/
    background: #fff;
}

.navbar .right-menu {
    /*右浮动*/
    float: right;

    /*弹性布局*/
    display: flex;

    /*右外边距*/
    margin-right: 34px;

    /*高度*/
    height: 100%;

    /*行高*/
    line-height: 64px;

    /*文本颜色*/
    color: #333333;

    /*字号*/
    font-size: 14px;
}

/*登出图片*/
.navbar .right-menu img {
    /*上外边距*/
    margin-top: 20px;

    /*左外边距*/
    margin-left: 10px;

    /*宽度*/
    width: 25px;

    /*高度*/
    height: 25px;
}

/*登出按钮*/
.navbar .right-menu .outLogin {
    /*手指*/
    cursor: pointer;
}

.navbar .head-lable {
    /*文本颜色*/
    color: #333333;

    /*高度*/
    height: 64px;

    /*字号*/
    font-size: 16px;

    /*宽度*/
    width: 300px;

    /*左内边距*/
    padding-left: 22px;

    /*行高*/
    line-height: 64px;

    /*字体粗细*/
    font-weight: 700;

    /*透明度*/
    opacity: 1;

    /*左浮动*/
    float: left;
}

.navbar .head-lable .goBack {
    /*右边框*/
    border-right: solid 1px #d8dde3;

    /*右内边距*/
    padding-right: 14px;

    /*右外边距*/
    margin-right: 14px;

    /*字号*/
    font-size: 16px;

    /*文本颜色*/
    color: #333333;

    /*手指*/
    cursor: pointer;

    /*字体粗细*/
    font-weight: 400;
}

/*返回上一级箭头*/
.navbar .head-lable .goBack img {
    /*相对定位*/
    position: relative;

    /*上边缘*/
    top: 24px;

    /*右外边距*/
    margin-right: 5px;

    /*宽度*/
    width: 18px;

    /*高度*/
    height: 18px;

    /*左浮动*/
    float: left;
}

.logo {
    /*背景色*/
    background-color: rgb(52, 55, 68);

    /*上右下左内边距*/
    padding: 46px 37px 67px 36px;
}

/*左侧滚动条*/
.el-scrollbar {
    /*高度*/
    height: 100%;
}

/*左侧菜单*/
.el-menu {
    /*边框*/
    border: none;

    /*高度*/
    height: 100%;

    /*宽度*/
    width: 100% !important;
}

.el-submenu.is-active > .el-submenu__title {
    /*背景色*/
    color: #f4f4f5 !important;
}

.el-submenu > .el-submenu__title, .el-submenu .el-menu-item {
    /*最小宽度*/
    min-width: 190px !important;

    /*背景色*/
    background-color: #272a36 !important;
}

/*菜单项*/
.el-menu .el-menu-item {
    /*背景色*/
    color: #aeb5c4;

    /*高度*/
    height: 42px;

    /*行高*/
    line-height: 42px;
}

/*菜单项*/
.el-menu .el-menu-item {
    /*上右下左内边距*/
    padding: 0 0 0 32px !important;

    /*上右下左外边距*/
    margin: 0 34px 20px 0;

    /*圆角*/
    border-radius: 0 21px 21px 0 !important;
}

/*悬停在菜单项上*/
.el-menu .el-menu-item:hover {
    /*文本颜色*/
    color: #ffffff !important;

    /*背景色*/
    background-color: transparent !important;
}

/*选择的菜单项*/
.el-menu .el-menu-item:active {
    /*文本颜色*/
    color: #333333 !important;

    /*背景色*/
    background-color: transparent !important;
}

/*选中的菜单项*/
.el-menu .el-menu-item.is-active {
    /*背景色*/
    background-color: #ffc200 !important;

    /*文本颜色*/
    color: #333333 !important;

    /*圆角*/
    border-radius: 0 21px 21px 0 !important;
}

/*菜单项的图标*/
.el-menu-item i {
    /*文本颜色*/
    color: inherit;

    /*字号*/
    font-size: 20px;

    /*右外边距*/
    margin-right: 5px;
}


.el-submenu__title {
    /*字号*/
    font-size: 16px !important;

    /*相对定位*/
    position: relative;

    /*设置元素的堆叠顺序,值越大越靠上*/
    z-index: 9;
}

.el-submenu__title svg {
    /*右外边距*/
    margin-right: 5px !important;

    /*宽度*/
    width: 28px !important;

    /*高度*/
    height: 28px !important;
}

.el-menu-item {
    /*相对定位*/
    position: relative;

    /*字号*/
    font-size: 14px !important;

    /*左外边距*/
    padding-left: 52px !important;
}

/*框架*/
.c_iframe {
    /*宽度*/
    width: 100%;

    /*高度*/
    height: 100%;

    /*边框*/
    border: 0;

    /*当元素内的内容溢出的时候隐藏溢出的部分*/
    overflow: hidden;
}


